<template>
  <div class="product-list-outer product-list-item">

    <template v-if="!$props.currProductModelLog.id">
      <span style="color: darkred">暂无信息...</span>
    </template>

    <template
      v-if="$props.currProductModelLog.shopProductStockModel && $props.currProductModelLog.shopProductStockModel.length>0">
      <div class="line1" style="width: 100%;">
        <div class="right" style="width: 100%;">
          <div class="product-list-item-title ovd_s">
            商品: <span v-text="$props.currProductModelLog.shopProductName"></span>
          </div>
          <div class="product-list-item-title ovd_s">
            型号: <span v-text="$props.currProductModelLog.shopProductStockModel"></span>
          </div>
          <div class="product-list-item-model">
            库存-变化前:
            <el-tag type="success" v-text="$props.currProductModelLog.beforeNums"></el-tag>

            库存-变化值:
            <el-tag type="success" v-text="$props.currProductModelLog.nums"></el-tag>
          </div>

          <div class="product-list-item-price-box">
            备注信息:
            <span class="ovd_s" style="max-width: 80%; color: #888888" v-text="$props.currProductModelLog.info"></span>
            <div class="c"></div>
          </div>
        </div>
        <div class="c"></div>
      </div>
      <div class="line2" align="right">

        <span v-text="$props.currProductModelLog.createdTime"></span>
      </div>
    </template>


  </div>
</template>

<script>
export default {
  name: 'ProductModelLogListItem',
  props: {
    currProductModelLog: Object,
  },
  data: function () {
    return {
    }
  },
  beforeMount () {
  },
  methods: {
  }
}
</script>

<style scoped>
.product-list-outer {
  height: 150px;
  width: 100%;
  margin-top: 3px;
  background: #FFFFFF
}

.product-list-outer .line1 {
  height: 123px;
  width: 100%;
  float: left
}

.product-list-outer .line1 > .left {
  float: left
}

.product-list-outer .line1 > .right {
  float: left;
  line-height: 22px;
}

.product-list-outer > .line2 {
  height: 22px;
  line-height: 22px;
  width: 98%;
  float: left;
  text-align: right;
  color: #888888;
}

.product-list-outer > .line2 > button {
  margin-right: 5px;
  padding: 0px 5px;
}

.product-list-item-price-box{
  line-height: 25px;
}
.product-list-item-title{
  font-size: 12px;
  line-height: 20px;
}
</style>
